*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}
a{
    text-decoration: none;
    color:inherit;
}
.clear{
    clear:both;
}
ul{
    list-style: none;
}
.nav{
    background-color:#333;
    height: 50px;
   
}
.container{
    margin:0 auto;
    width:1266px;
     position:relative;
}
.nav_list{
    width:590px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    line-height: 50px;
    float:left;
}
.nav_list>a>li{
    font-size:14px;
    color:rgb(176, 176, 176);
}
.nav_list>a>li:hover{
   color:white;
}
.register>a>li:hover{
    color:white;
}
.shoppingcar>a{
    color:rgb(176, 176, 176);
    position: relative;
}
.shoppingcar>a>span{
    font-size:14px;
}
.register>a>li{
    font-size:14px;
    color:rgb(176, 176, 176);
}
.shoppingcar>a>span{
    color:rgb(176, 176, 176);
}
.shoppingcar{
    width: 120px;
    float:right;
    background-color: #424242;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color:rgb(255,103 ,0);
}
.shoppingcar>a>div{
    width: 20px;
    height: 20px;
    background-size:100% 100%;
    background-image:url(购物车1.png);
    position:absolute;
    top:0;
    left:-20px;
}
.register{
    float: right;
    display: flex;
    margin-right:20px;
    line-height: 50px;
}
.register>a>li{
    margin:0 5px;
}
.tip{
    position:absolute;
    top:50px;
    right:0;
    width: 320px;
    height: 100px;
    font-size:14px;
    border:1px solid rgb(255,103 ,0);
    text-align: center;
    line-height: 100px;
    background-color: white;
    color:black;
    transition:all 0.2s;
    z-index: 1;
}
    /*导航栏下面  */
header{
    width: 100vw;
    height:100px;
    margin:25px 0 ;
}
header>ul{       
        height: 100px;
        display: flex;
        align-items: center;
        justify-content: space-between;
         flex-wrap: wrap;
    }
.logo{
        width: 55px;
        height: 55px;
        background-image:url(logo.png);
    }
.product{
        height:100px;
    }
.product>ul{
        width:660px;
        display:flex;
        justify-content: space-between;
    }
.product>ul>li{
    line-height: 100px;
}
.container>.input{
    position:relative;
}
.container>.input>input{
    width: 245px;
    height: 50px;
    margin-right:50px;
    padding-left:15px;
}
.input>.span{
    position:absolute;
    top:15px;
    right:60px;
}
.input>.span>span{
    font-size:14px;
    background-color:#eee;
}
.search{
    width:50px;
    height:50px;
    position:absolute;
    padding:10px;
    top:0;
    right:1px;
    background-color:white;
    border:1px solid black;
}
ul.product_pic{
   width:100vw;
   height:228px;
   margin:25px auto;
   border-top:1px solid #eee;
   background-color:white;
}
.product_pic>.container>li>span{
    display: block;
}
.product_pic>.container{
    display: flex;
}
.product_pic>.container>li{
    width:205px;
    height:228px;
}
.product_pic>.container>li>div{
    width:205px;
    height:228px;
}
.top_top{
    height:22px;
    text-align:center;
}
.top_top span{
    border:1px solid rgb(255,103 ,0);
}
.product_pic>.container>li>div{
    width: 205px;
    height: 110px;
    margin:20px auto;
    border-right:1px solid #eee;
}
.middle{
    width: 100%;
    height: 22px;
    text-align: center;
}
.bottom_bottom{
    width: 100%;
    height: 22px;
    text-align: center;
}
.container>li>div>img{
    width:160px;
    height:110px;
    padding:0;
    margin-left:25px;;
}
/* -------------------------------轮播图 ------------------ */
.lbt>li{
    position: absolute;
}
.lbt>li{
    display:none;
    z-index: -10;
}
#lbt{
    height: 450px;
    position: relative;
}
#show{
     display: block; 
}
.point{
    width:132px;
    height: 10px;
    display: flex;
    justify-content: space-between;
    position:absolute;
    bottom:0px;
    right:55px;
}
.point>li{
    width: 12px;
    height: 12px;
    border-radius:6px;
    border:1px solid #eee;
    transition: all 0.5s;
}
.active{
    background-color:#aaa;
}
 .change>span{
    width:41px;
    height: 69px;
    /* background-color:#aaa; */
    opacity: 0.8;
    font-size:50px;
    color:white;
} 
.left{
    position:absolute;
    top:190px;
    left:234px;
}
.right{
    position:absolute;
    top:190px;
    right:41px;
}
.color{
      background-color:#aaa; 
}
.menu{
    position: absolute;
    left:0;
    top:0;
    width: 234px;
    height:460px;
    background-color:rgba(0, 0,0, 0.6);
       /* z-index:-1;   */
}
.menu-list{
    margin-top:20px;
}
.menu-list>li{
    color:#fff;
    line-height: 42px;
    font-size:14px;
    padding-left:30px;
}
.menu-list>li>span{
    position:absolute;
    right:30px;
}
.goldyellow{
    background-color:#ff6700;
}
.second-menu{
    position: absolute;
    top:0;
    left:234px;
    background-color: white;
}
.second-menu>ul{
     display: flex; 
}
.second-menu>ul>div{
    width: 250px;
    height: 460px;
}
.second-menu>ul>div>li{
    width: 236px;
    height: 60px;
    margin: 12px 0;
}
.second-menu>ul>div>li>section{
    border:1px solid #ff6700;
    color:#ff6700;
    width: 40px;
    float:right;
    margin:18px 0;
}
.second-menu>ul>.phone_1>li>div{
    float: left;
    margin:10px 0;
    width:40px;
    height:40px;
}
.second-menu>ul>.phone_1>li>span{
    display: block;
    float:left;
    margin:20px 10px;
}
.second-menu>.phone>.phone_1>li>div{
    background-image:url(xm6_80.png);
}
.second-menu>.dianshi>.phone_1>li>div{
    background-image:url(80xmds_55.jpg);
}
.second-menu>.luyouqi>.phone_1>li>div{
    background-image:url(jiqiren.jpg);
}
.second-menu>.sourse>.phone_1>li>div{
    background-image:url(dianyuan280.jpg);
}
.second-menu>.headset>.phone_1>li>div{
    background-image:url(toudai80.jpg);
}
.second-menu>.protect>.phone_1>li>div{
    background-image:url(tiemo.jpg);
}
.second-menu>.wirerod>.phone_1>li>div{
    background-image: url(cunchu.jpg);
}
.second-menu>.bags>.phone_1>li>div{
    background-image: url(tyj80.jpg);
}
.second-menu>.metoo>.phone_1>li>div{
    background-image: url(mitu-80.jpg);
}
.notebox>.phone_1>li>div{
    background-image:url(bijiben80.jpg);
}
.phone_1{
    padding:0 5px;
}
     